<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>Vacances à Montpellier</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
	<div data-role="page">

		<div data-role="header" data-theme="b">
			<a href="index.html" data-icon="back" class="ui-btn-left">Back</a>
			<h1>Vacances à Montpellier</h1>
			<a href="index.html" data-icon="delete" class="ui-btn-right">Delete</a>
		</div><!-- /header -->

		<div data-role="content">
			<ul data-role="listview" data-inset="true" data-filter="true" data-divider-theme="b">
				<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-d ui-li-has-count ui-first-child">Friday, October 8, 2012</li>
				<li><a href="#">Courses</a></li>
				<li><a href="#">Essence</a></li>
				<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-d ui-li-has-count ui-first-child">Friday, September 25, 2012</li>
				<li><a href="#">Kayak</a></li>
				<li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-d ui-li-has-count ui-first-child">Friday, May 1st, 2011</li>
				<li><a href="#">Péage</a></li>
				<li><a href="#">Canyoning</a></li>
			</ul>	
		</div><!-- /content -->
		
		<div data-role="footer" class="ui-bar" data-theme="b">
			<a href="index.html" data-role="button" data-icon="plus">Add</a>
		</div><!-- /footer -->

	</div><!-- /page -->

</body>
</html>